<template>
<div class="father">
<div class="ben">这是父组件</div>
<input type="text" v-model.number="money">
<p>{{money}}</p>
<sister></sister>
<son></son>

</div>

</template>

<script>
import sister from './sister'
import son from './son'
export default {
data(){
return {

    money:0
}

},
components: {
    sister,son
}
}
</script>
<style lang='less' scoped>
.father{
    width: 500px;
    font-size: 50px;
    font-weight: 700;
    background-color: #ccc;
}
.ben{
    background-color: aqua;
}
</style>
